import { Card } from "antd";
import "dayjs/locale/zh-cn";
import { history } from "umi";

import DailyPark from "@/assets/image/patterns/Daily Park.png";
import MonthlyPark from "@/assets/image/patterns/Monthly Park.png";
import { CustomTitle } from "@/components/customTitle";
import "./index.less";
const CarParkBooking = () => {
  return (
    <>
      <div className="carpark-booking">
        <CustomTitle className="title">Car Park Booking</CustomTitle>
        <div className="carpark-content">
          <Card
            className="card-item"
            onClick={() => history.push("/carpark-booking/home/create")}
          >
            <div className="park-img">
              <img src={DailyPark} alt="png" />
            </div>

            <span className="card-text">Create Daily Booking</span>
          </Card>
          <Card
            className="card-item"
            onClick={() =>
              history.push("/carpark-booking/home/create-monthly/next")
            }
          >
            <div className="park-img">
              <img src={MonthlyPark} alt="png" />
            </div>
            <span className="card-text">Register Monthly Ballot</span>
          </Card>
        </div>
      </div>
    </>
  );
};

export default CarParkBooking;
